#header.thin{
	height: 60px;
	animation: menu_bar_move1 2s;
	-moz-animation:menu_bar_move1 2s; /* Firefox */
	-webkit-animation:menu_bar_move1 2s; /* Safari and Chrome */
	-o-animation:menu_bar_move1 2s; /* Opera */
}

#header{
	background: none repeat scroll 0 0 #E23D64;
    color: #FFFFFF;
    font-family: 'Signika',Verdana,Geneva,Arial,Helvetica,sans-serif;
    height: 200px;
    left: 0;
    padding-left: 25px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    animation: menu_bar_move2 2s ;
	-moz-animation: menu_bar_move2 2s; /* Firefox */
	-webkit-animation: menu_bar_move2 2s; /* Safari and Chrome */
	-o-animation: menu_bar_move2 2s; /* Opera */
}

.thin #header-logo{
	display: block;
	margin-top: 15px;
}

#header-logo{
	display: block;
	margin-top: 80px;
}

.big #header-logo{
	animation: logo_move 750ms ease-in-out;
	-moz-animation: logo_move 750ms ease-in-out; /* Firefox */
	-webkit-animation: logo_move 750ms ease-in-out; /* Safari and Chrome */
	-o-animation: logo_move 750ms ease-in-out; /* Opera */
}

.big #header-menu_home{
	opacity: 0;
}

#header-menu_home {
	width: 100px;
	left: 300px;
	border-left: 2px solid #E95A7C;
	height: 140px;
    padding-top: 15px;
    right: 24px;
    position: absolute;
    display: block;
	top: 30px;

	animation: header-menu_home_move 7s ease-in-out;
	-moz-animation: header-menu_home_move 7s ease-in-out; /* Firefox */
	-webkit-animation: header-menu_home_move 7s ease-in-out; /* Safari and Chrome */
	-o-animation: header-menu_home_move 7s ease-in-out; /* Opera */
}

#header-menu_home a{   
	color: #FFFFFF;
	font-size: 16px;
	line-height: 25px;
	transition: color 500ms ease-in-out 0ms;
	
	-moz-transition: color 500ms ease-in-out 0ms;/* Firefox 4 */
	-webkit-transition: color 500ms ease-in-out 0ms;/* Safari and Chrome */
	-o-transition: color 500ms ease-in-out 0ms;/* Opera */
	
	display: inline-block;
	padding-left: 10px;
}

.big #header-menu_home a{
	width: 100px;
}

#header-menu_home a:hover{
	color: #E9DD62;
}

#header-menu{
    border-left: medium none;
    height: 20px;
    left: auto;
    padding-top: 0;
    right: 24px;
    top: 20px;
    position: absolute;
    display: block;
}
   
#header-menu a{   
	color: #FFFFFF;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	transition: color 500ms ease-in-out 0ms;
	
	-moz-transition: color 500ms ease-in-out 0ms;/* Firefox 4 */
	-webkit-transition: color 500ms ease-in-out 0ms;/* Safari and Chrome */
	-o-transition: color 500ms ease-in-out 0ms;/* Opera */
	display: inline-block;
	padding-right: 20px;
}
  
#header-menu a:hover{
	color: #E9DD62;
}

#section-menu-title {
    border-left: 2px solid #E95A7C;
    font-size: 18px;
    left: 200px;
    line-height: 20px;
    padding: 20px 0 0 20px;
    position: absolute;
    top: 0;
}

@keyframes menu_bar_move1
{
	from {height:60px;}
	to {height:60px;}
}

@keyframes menu_bar_move2
{
	from {height:100%;}
	to {height:200px;}
}

@keyframes logo_move
{
	from {margin-top:200px;}
	to {margin-top:80px;}
}

@keyframes menu_move
{
	from {top:-150px;}
	to {top:0px;}
}

@keyframes menu_title_move
{
	from {top:-70px;}
	to {top:0px;}
}

h2#section-menu-title {
	animation: menu_title_move 750ms ease-in-out;
	-moz-animation: menu_title_move 750ms ease-in-out; /* Firefox */
	-webkit-animation: menu_title_move 750ms ease-in-out; /* Safari and Chrome */
	-o-animation: menu_title_move 750ms ease-in-out; /* Opera */
}

.landing_dot_me{
	top: 0px; 
	background-color: rgb(255, 255, 255); 
	width: 8px; 
	height: 8px; 
	margin-left: -4px; 
	margin-top: -4px; 
	background-position: -96px 50%; 
	transition: all 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;
	
	-moz-transition: all 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;/* Firefox 4 */
	-webkit-transition: all 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;/* Safari and Chrome */
	-o-transition: all 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;/* Opera */
}

.landing_dot_me2{
	top: 0px; 
	background-color: rgb(61, 17, 11); 
	width: 96px; 
	height: 96px; 
	margin-left: -48px; 
	margin-top: -48px; 
	background-position: 0px 50%; 

	transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;
	-moz-transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ; /* Firefox 4 */
	-webkit-transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ; /* Safari and Chrome */
	-o-transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ; /* Opera */
}

.landing-item-title, #page-title, #tastes-detail-title{
	font-size: 70px;
	color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

#page-content.settings #page-text, #page-content.faq #page-text{width:100%;-webkit-column-count:1;-moz-column-count:1;-ms-column-count:1;column-count:1;-webkit-column-gap:0px;-moz-column-gap:0px;-ms-column-gap:0px;column-gap:0px;-webkit-column-rule:none;-moz-column-rule:none;-ms-column-rule:none;column-rule:none}

.settings_listing thead th{
	background-color: #999;
	height: 30px;
}

.landing_dot_me2:hover{
	background-color: #e5436c;
}
a.tastes-item h3{
	background-color: #3E1109;
	transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;
	
	-moz-transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;/* Firefox 4 */
	-webkit-transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;/* Safari and Chrome */
	-o-transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s ;/* Opera */
}

a#page-back{
	background-color: #AF1E3D;
	z-index: 99;
}
a#page-back:hover{
	background-color: #E23D64;
}

.item0{
	background-color: #ccc;
}

.section-menu-cnt{
	z-index: 50;
}